<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<%@include file="../basic.jsp"%>
<title>相册列表</title>
</head>

<body class="navbar-fixed breadcrumbs-fixed">
	<%@include file="../header.jsp"%>

	<div class="main-container" id="main-container">

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span
				class="menu-text"></span>
			</a>
			<%@include file="../sliderbar.jsp"%>

			<div class="main-content">
					<div class="breadcrumbs breadcrumbs-fixed" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
							</li>
							<li class="active">相册列表</li>
						</ul><!-- .breadcrumb -->

					</div>

					<div class="page-content">
	                    <div class="row">
	                        <div class="col-xs-12">
	                            <div class="row-fluid">
									<ul class="ace-thumbnails">
										
									</ul>
								</div><!-- PAGE CONTENT ENDS -->
	                        </div>
	                        <!-- /.col -->
	                    </div>
	                    <!-- /.row -->
	                </div>
				</div><!-- /.main-content -->
			<!-- /.main-content -->
		</div>
		<!-- /.main-container-inner -->


		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->
	<script src="<%=JS_PATH%>jquery.colorbox-min.js"></script>
	<script type="text/javascript">
			jQuery(function($) {
				var colorbox_params = {
					reposition:true,
					scalePhotos:true,
					scrolling:false,
					previous:'<i class="icon-arrow-left"></i>',
					next:'<i class="icon-arrow-right"></i>',
					close:'&times;',
					current:'{current} of {total}',
					maxWidth:'100%',
					maxHeight:'100%',
					onOpen:function(){
						document.body.style.overflow = 'hidden';
					},
					onClosed:function(){
						document.body.style.overflow = 'auto';
					},
					onComplete:function(){
						$.colorbox.resize();
					}
				};
			
				$('.ace-thumbnails [data-rel="colorbox"]').colorbox(colorbox_params);
				$("#cboxLoadingGraphic").append("<i class='icon-spinner orange'></i>");
			})
	</script>
	<script type="text/javascript" src="<%=JS_PATH%>album/list.js"></script>
</body>
</html>
